<script setup lang='ts'>
const props = defineProps({
    bgColor:String,
    orderId:Number,
    orderName:String,
    orderPhone:String,
    orderAddress:String,
    orderTime:String,
    orderState:String
})
</script>
<template>
<div>
    <div class="h-20 flex justify-between items-center px-2 my-1" :class="bgColor">
        <div class="w-20 flex justify-center">
            <span>{{ orderId }}</span>
        </div>
        <div class="w-24 flex justify-center">
            <span>{{ orderName }}</span>
        </div>
        <div class="w-28 flex justify-center"> 
            <span>{{ orderPhone }}</span>
        </div>
        <div class="w-36 h-18 flex justify-center">
            <span>{{ orderAddress }}</span>
        </div>
        <div class="w-38 flex justify-center">
            <span>{{ orderTime }}</span>
        </div>
        <div class="w-20 flex justify-center">
            <span>{{ orderState }}</span>
        </div>
        <div class="w-16 flex justify-center hover:cursor-pointer">
            <span>详细</span>
        </div>
    </div>
</div>
</template>
<style scoped>
</style>